<head>
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
</head>
<style scoped>
  .layout-logo {
    float: left;
    height: 70px; 
    background-image: url("../../static/logo.png");
    width: 198px;
    height: 70px;
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .layout-nav {
    float: left;
    margin: 0 auto;
    margin-right: 20px;
    font-size: 18px;
    height: 70px;
  }

.top{
        padding: 10px;
        background: rgba(0, 153, 229, .7);
        color: #fff;
        text-align: center;
        border-radius: 2px;
    }
    
  .ivu-menu-submenu-title .ivu-menu-item .ivu-menu-horizontal .ivu-menu-item {
    font-size: 18px !important;
    height: 70px;
  }


.ivu-menu-horizontal .ivu-menu-item {
  font-size: 18px;
  height: 70px;
}

.ivu-menu-horizontal {
    height: 70px;
    line-height: 70px;
}

.copyright {
  background: #404040;
  text-align: center;
  color: #C8C8C9;
  float: left;
  font-size: 15px;
  padding: 20px 16%;
  width: 100%;  
  margin: 0 auto;
  border-top: 8px solid #A77335;
} 
.copyright-font{
  line-height: 22px;
  font-weight: normal;
  margin: 0px !important;
}
.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu{
    height: inherit;
    line-height: inherit;
    color: black;
    border-left: 1px solid #fff;
}
.ivu-menu-horizontal .ivu-menu-item, .ivu-menu-horizontal .ivu-menu-submenu {
    padding: 0 9px;
    position: relative;
    cursor: pointer;
    z-index: 3;
    transition: all .2s ease-in-out;
}
.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item:hover, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu-active, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu:hover{
  color: black;
  background-color: #fff28e;
  border-bottom: none;
}
.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item{
  color:black;
  border-bottom: 1px solid #fff;
}
.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item:hover{
  color: black;
  background-color: #fff28e;
}
.ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-active{
  color: black;
  background-color: #fff28e;
}
.gs_tit_lj{
  float: left;
  border-bottom: 1px solid #909090;
  padding: 10px;
  margin-bottom: 10px;
}
.gs_tit ul li{
  width: 117px;
  text-align: left;
  float: left;
}
a{
  border: none;
  color: #C8C8C9;
  font-size: 13px;
  line-height: 28px;
}
a:hover{
  border: none;
  text-decoration: none;
  color: #e6d131;
}
a:activ{
  border: none;
  text-decoration: none;
}
</style>
<template>
  <div style="position:absolute;top:0;bottom:0;left:0;right:0;overflow-x:auto;">
    <div style="position:absolute;top:0;bottom:0;width:100%;"></div>
      <div style="width:100%;">
        <Menu mode="horizontal" :active-name="activeName" @on-select="turnUrl">
          <div style="width: 1080px;margin: 0 auto">
              <div class="layout-logo"></div>
              <div class="layout-nav">
                <Menu-Item name="homePage">
                  <Icon type="home" size="18"></Icon>
                  网站首页
                </Menu-Item>
                <Submenu name="aboutUsCom">
                  <template slot="title">
                      <Icon type="ios-people" size="18"></Icon>
                      关于我们
                  </template>
                  <MenuItem name="aboutUsCom">企业概述</MenuItem>
                  <MenuItem name="aboutUsCon">核心团队</MenuItem>
                  <MenuItem name="aboutUsKow">企业文化</MenuItem>
                  <MenuItem name="aboutUsBus">投资理念</MenuItem>
                  <MenuItem name="aboutUsQua">公司资质</MenuItem>
                </Submenu>
                <Menu-Item name="product">
                  <Icon type="ios-navigate" size="18"></Icon>
                  产品介绍
                </Menu-Item> 
                <Submenu name="newsXietun">
                  <template slot="title">
                      <Icon type="social-wordpress" size="18"></Icon>
                      新闻资讯
                  </template>
                  <MenuItem name="newsXietun">协囤动态</MenuItem>
                  <MenuItem name="newsCenter">新闻中心</MenuItem> 
                </Submenu> 
                <Submenu name="introduction">
                  <template slot="title">
                      <Icon type="social-wordpress" size="18"></Icon>
                      投资者教育
                  </template>
                  <MenuItem name="pof">私募基金</MenuItem>
                  <MenuItem name="fundInvestment">基金投资</MenuItem>
                  <MenuItem name="investmentStrategy">推荐书籍</MenuItem> 
                </Submenu>   
                <Menu-Item name="telUs">
                  <Icon type="social-wordpress" size="18"></Icon>
                  联系我们
                </Menu-Item> 
              </div>
          </div>
        </Menu>
      </div>
      <BackTop :height="100" :bottom="200">
          <div class="top">返回顶端</div>
      </BackTop>
      <div style="position:absolute;top:60px;bottom:0;left:0;right:0;overflow-y:auto !important;">
        <div style="min-height:600px">
          <router-view></router-view>
        </div>
        <div class="copyright">
            <div class="gs_tit copyright-font">
                <div class="gs_tit_lj">
                    <ul>
                        <li>
                            <span>友情链接：</span>
                        </li>
                        <li>
                            <a href="http://finance.sina.com.cn/trust/" target="_blank">新浪信托</a>
                        </li>
                        <li>
                            <a href="http://money.163.com/licai/" target="_blank">网易理财频道</a>
                        </li>
                        <li>
                            <a href="http://funds.hexun.com/" target="_blank">和讯基金</a>
                        </li>
                        <li>
                            <a href="http://trust.hexun.com/" target="_blank">和讯信托</a>
                        </li>
                        <li>
                            <a href="http://www.dudong.com/" target="_blank">读懂新三板</a>
                        </li>
                        <li>
                            <a href="http://finance.ifeng.com/money/" target="_blank">凤凰理财</a>
                        </li>
                        <li>
                            <a href="http://finance.sina.com.cn/fund/" target="_blank">新浪基金</a>
                        </li>
                        <li>
                            <a href="https://jin.baidu.com/" target="_blank">百度金融商城</a>
                        </li>
                        <li>
                            <a href="http://money.hexun.com/" target="_blank">和讯理财</a>
                        </li>
                        <li>
                            <a href="http://www.huilvwang.com/" target="_blank">汇率换算</a>
                        </li>
                        <li>
                            <a href="http://value500.com" target="_blank">价值投资导航</a>
                        </li>
                        <li>
                            <a href="http://fund.stockstar.com" target="_blank">证券之星</a>
                        </li>
                        <li>
                            <a href="http://www.cngold.com.cn" target="_blank">中金网</a>
                        </li>
                        <li>
                            <a href="http://www.cignacmb.com/" target="_blank">人寿保险</a>
                        </li>
                        <li>
                            <a href="http://www.southmoney.com/" target="_blank">股票</a>
                        </li>
                        <li>
                            <a href="http://money.gucheng.com/" target="_blank">股城理财</a>
                        </li>
                        <li>
                            <a href="http://www.ganji.com/touzi/" target="_blank">投资</a>
                        </li>
                        <li>
                            <a href="http://www.forex.com.cn" target="_blank">外汇通</a>
                        </li>
                        <li>
                            <a href="http://www.kameng.com" target="_blank">卡盟网</a>
                        </li>
                        <li>
                            <a href="http://www.afinance.cn" target="_blank">第一金融网</a>
                        </li>
                        <li>
                            <a href="http://www.qianzhan.com/indynews/" target="_blank">财经资讯</a>
                        </li>
                        <li>
                            <a href="http://www.huilv.cc" target="_blank">今日汇率</a>
                        </li>
                        <li>
                            <a href="http://www.nongshang.com/" target="_blank">农村商业银行</a>
                        </li>
                        <li>
                            <a href="http://www.yinhang123.net" target="_blank">银行贷款利率</a>
                        </li>
                        <li>
                            <a href="http://www.kjj.com" target="_blank">酷基金</a>
                        </li>
                        <li>
                            <a href="http://www.jiedai.cn" target="_blank">借贷网</a>
                        </li>
                        <li>
                            <a href="http://fund.cnfol.com/" target="_blank">中金在线基金网</a>
                        </li>
                        <li>
                            <a href="http://www.ihouze.com/" target="_blank">抵押贷款</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="copyright-font"><img src="../../static/buttom_icon_ba.png"> <a href="http://www.miitbeian.gov.cn" target="_blank">[沪ICP备18033069号]</a>&nbsp;&nbsp;上海协囤投资管理有限公司版权所有</div>
            <div class="copyright-font" style="margin-top: 10px !important">风险揭示：投资有风险，当您/贵单位进行投资时，可能获得投资收益，但同时也面临着投资风险，比如资金损失风险、运营风险、流动性风险等。您/贵单位在做出投资决策之前，请仔细阅读相关风险揭示书和投资协议、公司章程或者合伙协议等文件，充分认识投资的风险收益特征和产品特性，认真考虑可能存在的各项风险因素，并充分考虑自身的风险承受能力，理性判断并谨慎做出投资决策。</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "home",
    data() {
      return {
          activeName:'homePage',
      };
    },
    methods: {
      turnUrl(name) {
          this.activeName=name;
        this.$router.push({
          name: name
        });
      }
    },
    mounted() {
      this.turnUrl("homePage");
    }
  };
</script>